// import { useState } from 'react';
// import Alter from "./components/Alter"
// import Button from './components/Button/Button';
import Like from './components/Like/Like';
// import "bootstrap/dist/css/bootstrap.min.css"
// import ListGroup from "./components/ListGroup/index.ts"
// const fClick = (item:string) => {
//   console.log(item)
// }
// import { BsFillCalendarFill } from 'react-icons/bs';
function App() {
  // const [flag,setFlag] =useState(false)
  const itemClicked = () => {
    console.log('clicked');
  };
  return (
    <>
      <Like itemClicked={itemClicked}></Like>
      {/* <Button color="primary" onClicked={() => console.log('clicked')}>
        MY BUTTON
      </Button> */}
      {/* <BsFillCalendarFill color="red" size={24}></BsFillCalendarFill> */}
      {/* <ListGroup fClick={fClick}  list={["a","b","c"]} title="My List"></ListGroup> */}
      {/* {flag&&<Alter onClose={()=>setFlag(false)}>
      <h1>Alter</h1>
    </Alter>}
    <Button onClicked={()=>setFlag(true)} color="danger" >
      MY BUTTON
    </Button> */}
    </>
  );
}

export default App;
